
<template>
  <div class="layout">
    <Layout>
      <Header>
       
		<img class="layout-logo"
		     src="../../static/logo.png"
		     alt="">	
		<Menu 
		      theme="dark"
			   mode="horizontal"
		      width="auto"
		      :open-names="['1']"
		      :accordion="true">
		  <Submenu name="1">
		    <template slot="title">
		      <Icon type="ios-navigate"></Icon>
		      众测管理
		    </template>
		    <MenuItem name="1-1" to="/shop">产品管理</MenuItem>
		    <MenuItem name="1-2" to="/apply">众测管理</MenuItem>
		  </Submenu>
		  <Submenu name="2">
		    <template slot="title">
		      <Icon type="ios-keypad"></Icon>
		      文章管理
		    </template>
		    <MenuItem name="2-1" to="/article">文章列表</MenuItem>
		  </Submenu>
		  <Submenu name="3">
		    <template slot="title">
		      <Icon type="ios-analytics"></Icon>
		      用户管理
		    </template>
		    <MenuItem name="3-1" to="/person">用户管理</MenuItem>
		  </Submenu>
		  <Submenu name="4">
		    <template slot="title">
		      <Icon type="ios-analytics"></Icon>
		      页面管理
		    </template>
		    <MenuItem name="4-1" to='/phone'>小程序管理</MenuItem>
			
		  </Submenu>
		  <MenuGroup  style="float: right; margin-top: -8px;">
			  <MenuItem @click.native='exit' name="4">
			  <Icon type="ios-exit" ></Icon>
			  退出登录
			  </MenuItem>
		  </MenuGroup >
		</Menu>
      </Header>
      <Layout>
        <Sider v-if='false' hide-trigger
               :style="{background: '#515a6e',
               height:'100vh',
               }">
         
        </Sider>
        <Layout :style="{padding: '24px 24px 24px'}">
          <Content style="overflow: scroll;height: 1500px;" :style="{padding: '24px', minHeight: '280px', background: '#fff'}">
           <router-view></router-view>
          </Content>
        </Layout>
      </Layout>
    </Layout>
  </div>
</template>
<script>
	/*
	<Menu mode="horizontal"
	       theme="dark"
	       active-name="1"
				  :accordion="true">
	   <!-- <div> -->
	   <img class="layout-logo"
	        src="../../static/logo.png"
	        alt="">
	   <!-- </div> -->
	   <div class="layout-nav h-h-start-v-center" style="justify-content: flex-end;">
	     <MenuItem @click.native='exit' name="4">
	     <Icon type="ios-exit" ></Icon>
	     退出登录
	     </MenuItem>
	   </div>
	 </Menu>
	*/ 
export default {
	data(){
		return {
				
		}
	},
	methods:{
		exit(){
			this.$router.push('/login') 
		}
	}
}
</script>
<style scoped>
.layout {
  border: 1px solid #d7dde4;
  background: #f5f7f9;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  height: 100vh;
}
.layout-logo {
  width: 130px;
  /* height: 30px; */
  background-image: url("../../static/logo.png");
  border-radius: 3px;
  float: left;
  position: relative;
  top: 8px;
  left: 10px;
  z-index: 1000;
  margin-right: 50px;
}
.layout-nav {
  width: 420px;
  margin: 0 auto;
  margin-right: 20px;
}
</style>
